<!DOCTYPE html>
<html lang="en" xmlns:th="https://www.thymeleaf.org">
<head>
    <div th:replace="common/common::html"></div>
    <meta charset="UTF-8">
    <title th:text="#{Priceinfo.info}">Title</title>
    <script th:inline="javascript">
        var _gridWidth;
        var _gridHeight;
        //页面自适应
        function resizePageSize(){
            _gridWidth = $(document).width()-12;/*  -189 是去掉左侧 菜单的宽度，   -12 是防止浏览器缩小页面 出现滚动条 恢复页面时  折行的问题 */
            _gridHeight = $(document).height()-32-60; /* -32 顶部主菜单高度，   -90 查询条件高度*/
        }
        $(function () {
            resizePageSize();
            var _columnWidth = _gridWidth/7;
            $("#flexigrid-id").flexigrid({
                width : _gridWidth,
                height : _gridHeight,
                url : /*[[@{getPriceInfoListByPage}]]*/"",
                dataType : 'json',
                colModel : [
                    {display : 'priceId',name : 'priceId',width : 150,sortable : false,align : 'center',hide : 'true'},
                    {display : /*[[#{Priceinfo.date}]]*/"",name : 'pricedate',width : _columnWidth, sortable : true,align : 'center'},
                    {display : /*[[#{Priceinfo.australia5500k}]]*/"",name : 'australia5500k',width : _columnWidth, sortable : true,align : 'center'},
                    {display : /*[[#{Priceinfo.australia5500kYoy}]]*/"",name : 'australia5500kYoy',width : _columnWidth, sortable : true,align : 'center'},
                    {display : /*[[#{Priceinfo.indonesia4700k}]]*/"",name : 'indonesia4700k',width : _columnWidth, sortable : true,align : 'center'},
                    {display : /*[[#{Priceinfo.indonesia4700kYoy}]]*/"",name : 'indonesia4700kYoy',width : _columnWidth, sortable : true,align : 'center'},
                    {display : /*[[#{Priceinfo.indonesia3800k}]]*/"",name : 'indonesia3800k',width : _columnWidth, sortable : true,align : 'center'},
                    {display : /*[[#{Priceinfo.Indonesia3800kYoy}]]*/"",name : 'Indonesia3800kYoy',width : _columnWidth, sortable : true,align : 'center'},

                ],
                resizable : false, //resizable table是否可伸缩
                useRp : true,
                usepager : true, //是否分页
                autoload : false, //自动加载，即第一次发起ajax请求
                hideOnSubmit : true, //是否在回调时显示遮盖
                showcheckbox : true, //是否显示多选框
                rowbinddata : true
            });
            $("#flexigrid-id").flexReload();
            queryBtn();
            //查询用户管理模块的用户信息
            function queryBtn() {
                var searchOfferDate = $("#search-date-id").val();
                $("#flexigrid-id").flexOptions({
                    extParam:[
                        {name:"searchOfferDate",value:searchOfferDate}
                    ]
                }).flexReload();
            }


            $("#query-btn-id").click(function (event) {
                event.stopPropagation();
                queryBtn();
            })
        });


    </script>
</head>

<span th:text="#{Priceinfo.info}"></span>
<table id="flexigrid-id"></table>
</body>
</html>